// import Todo from '../views/todo/todo.vue'
import Login from '../views/login/login.vue'


// 路由项是一个数组
export default [
  {
    path: '/',
    redirect: '/app'
  },
  //路由项是object
  {
    // path: '/app/:id',
    // path: '/app',
    path: '/app',
    // 把 :id todo 的 props 直接传进去
    // 组件里面不需要写 this.$route
    props: true,
    // props: (route) => ({id: route.query.b}),

    //NO.1 只有一个route-view
    // component: Todo,
    // 异步加载，进入页面才import
    component: ()=> import('../views/todo/todo.vue'),

    //NO.2 有多个route-view
    // components: {
    //   default: Todo,
    //   a: Login
    // },
    name: 'app',
    meta: {
      title: 'this is app',
      description: 'bala bala'
    },
    // children: [
    //   {
    //     path: 'test',
    //     component: Login
    //   }
    // ]

    // 进入路由之前调用
    beforeEnter(to, from, next){
      console.log('app route before enter')
      next()
    }
  },
  {
    path: '/login',
    component: () => import('../views/login/login.vue'),

    // component: Login
    // components: {
    //   // 没有名字的route-view
    //   default: Login,
    //
    //   // 有名字的 route-view
    //   a: Todo
    // }
  }
]
